---
--- Created by mick.
--- DateTime: 17-11-24 上午10:46
---

return [[
				<!-- 一个文章开始   -->
<!-- 				<article class="article-item">
					<section style="color:#8590a6;line-height:1;font-size:15px;margin-bottom:14px;">来自:自然科学</section>
					<section>
						<ul>
							<li><img style="width:35px;margin-right:5px;" src="http://q.qlogo.cn/qqapp/101235792/DA0095E5D41F668D310E9A23AB20E514/100" alt=""></li>
							<li style="color:inherit;font-weight:600;font-size:15px;">用户名,</li>
							<li style="white-space:nowrap;word-break:break-word;font-size:14px;color:#262626;content: '\FF0C'">签名</li>
						</ul>
					</section>

					<section style="color:inherit;font-size:18px;font-weight: 600;line-height: 1.6;margin-top:14px;">一万五千名科学家联名发布：有史以来最大规模「环保警告」</section>

					<section class="article_content">
						<div style="position:relative;display:block;width:190px;height:105px;margin-top:-2px;margin-right:18px;margin-bottom:4px;overflow:hidden;background-position:50%;background-size:cover;float:left;">
							<img style="width:100%;position:absolute;" src="http://q.qlogo.cn/qqapp/101235792/DA0095E5D41F668D310E9A23AB20E514/100" alt="">
						</div>
						<div style="display:block;min-height:100px;max-width:654px;min-width:0px;height:105px;margin-top:-2px;margin-right:18px;margin-bottom:4px;overflow:hidden;">
							<b>简评</b>：移民外星太过遥远，地球是我们现有的唯一家园，但不得不承认，地球早已千疮百孔，几十亿双眼睛每天盯着股票，新生的婴儿在喝着毒药，183 个国家 15364 名科学家告诉我们，如此下去，我们将迎来第六…<button style="background:white;color:#33a7f7;" class="layui-btn layui-btn-sm">查看全部<i class="layui-icon">&#xe602;</i></button>
						</div>
					</section>
					<section style="margin-top:5px;">
						<button class="layui-btn layui-btn-sm layui-btn-primary" style="border:none;">
						    <i class="layui-icon">&#xe618;</i>有用
						</button>
						<button class="layui-btn layui-btn-sm layui-btn-primary" style="border:none;">
						    <i class="layui-icon">&#xe60a;</i>浏览
						</button>

					</section>
				</article> -->
				<!--  一个文章结束   -->




			</article>
        ]]..require("app/view/right_bar")..[[
		</article>
		]]..require("app/view/footer")..[[

	</main>
	<script type="text/javascript" zIndex="-1" color="30,159,255" opacity="0.8" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
</body>
<script src="/static/layui/layui.js"></script>
<script src="/static/js/jquery-3.2.1.min.js"></script>

<script>

	$(document).ready(function() {
        va_page = 1;
        va_size = 3;
        va_search_str = "";


		function getarticle(page,size,search_str){
		    va_page = page;
		    va_search_str = search_str;
			$.post('/list/index', {search:search_str,page: page,size:size}, function(data, textStatus, xhr) {
                data = $.parseJSON(data)
                console.log(data.length)
                if(data.length ==0 || data.length==undefined){
                    if(page > va_page){
                        $("#nextpage").attr("style","color:gray;")
                    }else{
                        $("#prepage").attr("style","color:gray;")
                    }
                    va_page = va_page -1
                }else{
                    cleft = $(".cleft")
                    $("#cleft-bar").nextAll().remove();
                    for (var i = 0; i<data.length; i++) {
                        cleft.append('<article class="article-item"><section style="color:#8590a6;line-height:1;font-size:15px;margin-bottom:14px;">来自:'+data[i]["class"]+'</section><section><ul><li style="width:35px;height:35px;display:inline-block;border-radius:10px;overflow:hidden;"><img style="width:35px;margin-right:5px;" src="/static/head.jpg" alt="" style="width:35px;"></li><li style="color:inherit;font-weight:600;font-size:15px;">Mick,</li><li style="white-space:nowrap;word-break:break-word;font-size:14px;color:#262626;content: \'\FF0C\'">hi</li></ul></section><section style="color:inherit;font-size:18px;font-weight: 600;line-height: 1.6;margin-top:14px;">'+data[i]["title"]+'</section><section class="article_content">   <div style="position:relative;display:block;width:190px;height:105px;margin-top:-2px;margin-right:18px;margin-bottom:4px;overflow:hidden;background-position:50%;background-size:cover;float:left;"><img style="width:100%;position:absolute;" src="'+data[i]["image"]+'" alt=""></div>  <div style="display:block;min-height:100px;max-width:654px;min-width:0px;height:105px;margin-top:-2px;margin-right:18px;margin-bottom:4px;overflow:hidden;">							<b>简评</b>：'+data[i]["intro"]+'…<a href="/index/detail?id='+data[i]["id"]+'"><button style="background:white;color:#33a7f7;margin-bottom:2px;position:relative;top:-2px;" class="layui-btn layui-btn-sm">查看全部<i class="layui-icon">&#xe602;</i></button></a></div></section><section style="margin-top:5px;"><button class="layui-btn layui-btn-sm layui-btn-primary" style="border:none;"><i class="layui-icon">&#xe618;</i>有用</button><button class="layui-btn layui-btn-sm layui-btn-primary" style="border:none;"><i class="layui-icon">&#xe60a;</i>浏览</button></section></article>')
                    }
                }

            });
		}
		getarticle(va_page,va_size,va_search_str);

		$("#prepage").click(function(){
		    page = va_page>1? va_page-1:1
            getarticle(page,va_size,va_search_str);
        });
        $("#nextpage").click(function(){
            page = va_page+1
            getarticle(page,va_size,va_search_str);
        });
	});



</script>
]]..require("app/view/common_script")..[[
]]